<div class="container">
    <div class="banner">
        <img src="https://pic.qyer.com/public/place/config/2019/08/12/15655880267303?imageMogr2/interlace/1|imageslim"
            alt="">
        <div class="text">
            <p>你好 , 世界!</p>
        </div>
        <div class="input">
            <input type="text" placeholder="搜索国家、城市、目的地">
            <button>搜索</button>
        </div>
        <span>最近访问:暂无访问记录</span>
    </div>
    <div class="main">
        <div class="hot">
            <h2>实时热门</h2>
            <div>
                <div>
                    <p>国家TOP10</p>
                    <ul class="country">
                        <li></li>
                        <li></li>
                        <li></li>
                        <li></li>
                        <li></li>
                        <li></li>
                        <li></li>
                        <li></li>
                        <li></li>
                        <li></li>
                    </ul>
                </div>
                <div>
                    <p>境外城市TOP10</p>
                    <ul class='city'>
                        <li></li>
                        <li></li>
                        <li></li>
                        <li></li>
                        <li></li>
                        <li></li>
                        <li></li>
                        <li></li>
                        <li></li>
                        <li></li>
                    </ul>
                </div>
                <div>
                    <p>国内TOP10</p>
                    <ul class="country-side">
                        <li></li>
                        <li></li>
                        <li></li>
                        <li></li>
                        <li></li>
                        <li></li>
                        <li></li>
                        <li></li>
                        <li></li>
                        <li></li>
                    </ul>
                </div>
                <div>
                    <p>景点TOP10</p>
                    <ul class="scenic-spot">
                        <li></li>
                        <li></li>
                        <li></li>
                        <li></li>
                        <li></li>
                        <li></li>
                        <li></li>
                        <li></li>
                        <li></li>
                        <li></li>
                    </ul>
                </div>
            </div>
        </div>
        <div class="hot-city">
            <h2>热门城市推荐</h2>
            <div>
                <ul>
                    <li></li>
                </ul>
            </div>
        </div>
        <div class="place">
            <h2>主题目的地</h2>
            <ul>
                <li></li>
            </ul>
            <div>
                <ul>
                    <li>
                        <img src="" alt="">
                    </li>
                    <li></li>
                    <li></li>
                    <li></li>
                    <li></li>
                    <li></li>
                    <li></li>
                </ul>
            </div>
        </div>
        <div class="month-com">
            <h2>月度推荐</h2>
            <ul>
                <li>1月</li>
                <li>2月</li>
                <li>3月</li>
                <li>4月</li>
                <li>5月</li>
                <li>6月</li>
                <li>7月</li>
                <li>8月</li>
                <li>9月</li>
                <li>10月</li>
                <li>11月</li>
                <li>12月</li>
            </ul>
            <div>
                <ul>
                    <li></li>
                </ul>
            </div>
        </div>
        <div class="country-list">
            <h2>国家列表</h2>
            <ul>
                <li>亚洲</li>
                <li>欧洲</li>
                <li>非洲</li>
                <li>北美</li>
                <li>南美</li>
                <li>大洋洲</li>
                <li>南极洲</li>
            </ul>
            <div>
                <ul></ul>
            </div>
        </div>
    </div>
    <div class="footer">
        <div class="place">
            <p>相关目的地</p>
        </div>
        <div class="problem">
            <p>相关问题</p>
        </div>
        <div class="post">
            <p>先关帖子</p>
        </div>
        <div class="biu">
            <p>相关biu</p>
        </div>
    </div>
</div>